<template>
	<view class="supplement">
		<view class="title2">
			<text class="">补充说明</text>
			<text class="text2">(建议200字以内)</text>
		</view>
		
		<view class="textareabox"><textarea class="textarea" maxlength="200" @blur="bindTextAreaBlur" auto-height /></view>
	</view>
</template>

<script>
export default {
	name: 'uni-supplement',
	data() {
		return {};
	},
	methods: {
		bindTextAreaBlur(e) {
			console.log(e);
		}
	}
};
</script>

<style lang="scss">
.supplement {
	background: #fff;
	border-radius: 8rpx;
	margin:20rpx 30rpx 0;
	padding-bottom: 20rpx;
}
.textareabox {
	margin:0 20rpx;
	padding:  0 20rpx;
	border-bottom: 2px solid #F1F1F1;
	.textarea {
		display: inline-block;
		width: 100%;
	}
}
</style>
